@import "../../css/var.less";
@import "mallpublic.less";
.favorite{
    background-color: #f8f8f8;
    .favoriteMain{
        .w1200;
        background-color: #fff;
        margin-top: 30px;
        font-size: 14px;
        color: #202020;
        .headTitle{
            background-color: #eee;
        }
        .favoriteProductMain{
            padding:20px 0 0 20px;
            
        }
    }
}

.favoriteStoreMain{
    padding:0 30px 0;
}
.storePublicStyle-a{
    padding-top:25px;
    height: 302px;
    border-bottom: 1px solid #dfdfdf;
    &:hover{
        .storeMsg .storeMsgContent .s-shanchu, .storeMsg .storeMsgContent .s-zhiding{
            display: block;
        }
    }
    .storeMsg{
        width: 366px;
        .fl;
        .storeLogo{
            .fl;
            width: 90px;
            height: 90px;
            background-color: #f8f8f8;
            img{
                width: 90px;
                height: 90px;
            }
        }
        .storeMsgContent{
            width: 234px;
            margin-left: 110px;
            position: relative;
            .s-zhiding,.s-shanchu{
                color: #a9a9a9;
                top: 0;
                position: absolute;
                display: none;
                &:hover{
                    color: #009ea3;
                }
            }
            .s-zhiding{
                left: 178px;
            }
            .s-shanchu{
                left: 205px;
            }
            .s-name{
                width: 180px;
                overflow: hidden;
                height: 20px;
            }
            .s-service{
                color: #202020;
                i{
                    color: #009ea3;
                    font-size: 18px;
                }
            }
        }
    }
    .rcdProduct{
        width: 774px;
        height: 216px;
        .fl;
        .topTip{
            height: 30px;
        }
        .rcdProductList{
            background-color: #f8f8f8;
            padding: 30px 50px 25px;
            position: relative;
           .swiper-wrapper{
                .swiper-slide {
                    text-align: left;
                    font-size: 18px;
                    background: transparent;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    img{
                        width: 110px;
                        height: 110px;
                        display: block;
                    }
                    .r-name{
                        font-size: 14px;
                        line-height: 30px;
                        height: 30px;
                        overflow: hidden;
                        color: #202020;
                    }
                    .r-price{
                        font-size: 18px;
                        color: #ff440a;
                    }
                }   
                }  
        }
       
    }
}




